<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Catalogio</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="css/main-msie.css" /><![endif]-->
<link rel="stylesheet" media="print" type="text/css" href="css/print.css" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/tabs.js"></script>
<script type="text/javascript" src="js/tooltip.js"></script>
<script type="text/javascript" src="js/showdetail.js"></script>
</head>
<body>
<div id="main">
  <!-- Header -->
  <div id="header">
    <h1 id="logo"><a href="#"><img src="design/logo.gif" alt="" /></a></h1>
    <hr class="noscreen" />
    <!-- Date -->
    <div class="date date-24">
      <p class="nom">Today is <strong>Monday, March 24th 2009</strong><br />
        <span class="nonhigh"><a href="#">Make Catalogio your homepage</a></span></p>
    </div>
    <!-- /date -->
    <hr class="noscreen" />
  </div>
  <!-- /header -->
  <!-- Tabs -->
  <div id="search-tabs" class="box">
    <ul id="search-type">
      <li><a href="#s01"><span>Internet</span></a></li>
      <li><a href="#s02"><span>Firms</span></a></li>
      <li><a href="#s03"><span>Articles</span></a></li>
      <li><a href="#s04"><span>Images</span></a></li>
      <li><a href="#s05"><span>News</span></a></li>
    </ul>
  </div>
  <!-- /search-tabs -->
  <!-- Search -->
  <div id="search-top"></div>
  <div id="search">
    <div id="search-in">
      <div id="s01">
        <form action="#" method="get">
          <p class="nom t-center">
            <label for="search-input01">Internet:</label>
            <input type="text" size="75" name="" id="search-input01" />
            <input type="image" value="Search" src="design/search-button.gif" class="search-submit" />
          </p>
        </form>
      </div>
      <div id="s02">
        <form action="#" method="get">
          <p class="nom t-center">
            <label for="search-input02">Firms:</label>
            <input type="text" size="75" name="" id="search-input02" />
            <input type="image" value="Search" src="design/search-button.gif" class="search-submit" />
          </p>
        </form>
      </div>
      <div id="s03">
        <form action="#" method="get">
          <p class="nom t-center">
            <label for="search-input03">Articles:</label>
            <input type="text" size="75" name="" id="search-input03" />
            <input type="image" value="Search" src="design/search-button.gif" class="search-submit" />
          </p>
        </form>
      </div>
      <div id="s04">
        <form action="#" method="get">
          <p class="nom t-center">
            <label for="search-input04">Images:</label>
            <input type="text" size="75" name="" id="search-input04" />
            <input type="image" value="Search" src="design/search-button.gif" class="search-submit" />
          </p>
        </form>
      </div>
      <div id="s05">
        <form action="#" method="get">
          <p class="nom t-center">
            <label for="search-input05">News:</label>
            <input type="text" size="75" name="" id="search-input05" />
            <input type="image" value="Search" src="design/search-button.gif" class="search-submit" />
          </p>
        </form>
      </div>
      <hr class="noscreen" />
    </div>
    <!-- /search-in -->
  </div>
  <!-- /search -->
  <div id="search-bottom"></div>
  <script type="text/javascript">
    new Control.Tabs('search-type');
    </script>
  <!-- Content -->
  <div id="page" class="box">
    <!-- Catalog -->
    <div class="box">
      <div id="col-l">
        <div class="title01-top"></div>
        <div class="title01">
          <div class="title01-in">
            <p class="f-right noprint"><strong><a href="#" class="add">Submit a Site</a></strong></p>
            <h2 class="ico-list">Katalog</h2>
          </div>
        </div>
        <div class="title01-bottom"></div>
        <div class="box">
          <dl class="cat">
            <dt><a href="#">Some Category</a></dt>
            <dd><a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a></dd>
            <dt><a href="#">Some Category</a></dt>
            <dd><a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a></dd>
            <dt><a href="#">Some Category</a></dt>
            <dd><a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a></dd>
            <dt><a href="#">Some Category</a></dt>
            <dd><a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a></dd>
            <dt><a href="#">Some Category</a></dt>
            <dd><a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a></dd>
            <dt><a href="#">Some Category</a></dt>
            <dd><a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a></dd>
            <dt><a href="#">Some Category</a></dt>
            <dd><a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a></dd>
          </dl>
          <dl class="cat f-right">
            <dt><a href="#">Some Category</a></dt>
            <dd><a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a></dd>
            <dt><a href="#">Some Category</a></dt>
            <dd><a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a></dd>
            <dt><a href="#">Some Category</a></dt>
            <dd><a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a></dd>
            <dt><a href="#">Some Category</a></dt>
            <dd><a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a></dd>
            <dt><a href="#">Some Category</a></dt>
            <dd><a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a></dd>
            <dt><a href="#">Some Category</a></dt>
            <dd><a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a></dd>
            <dt><a href="#">Some Category</a></dt>
            <dd><a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a>, <a href="#">Category</a></dd>
          </dl>
        </div>
        <!-- /box -->
        <hr class="noscreen" />
      </div>
      <!-- /col-l -->
      <!-- Sidebar -->
      <div id="col-r" class="noprint">
        <!-- Login -->
        <div id="signup">
          <h3>登陆</h3>
          <div class="in">
            <form action="#" method="get">
              <table class="nom">
                <tr>
                  <td><label for="inp-user">用户名:</label></td>
                  <td colspan="2"><input type="text" size="30" style="width:190px;" name="" id="inp-user" /></td>
                </tr>
                <tr>
                  <td><label for="inp-pass">密码:</label></td>
                  <td colspan="2"><input type="text" size="30" style="width:190px;" name="" id="inp-pass" /></td>
                </tr>
                <tr>
                  <td></td>
                  <td class="smaller"><input type="checkbox" name="" id="inp-remember" />
                    <label for="inp-remember" title="Remember me for 14 days" class="help">Remember</label></td>
                  <td class="t-right"><input type="image" value="Login" src="design/signup-button.gif" /></td>
                </tr>
              </table>
            </form>
          </div>
          <!-- /in -->
          <div class="in02">
            <ul class="nom">
              <li class="ico-reg"><strong><a href="#">Registration</a></strong></li>
              <li class="ico-send"><a href="#">Forgot your password?</a></li>
            </ul>
          </div>
          <!-- /in02 -->
        </div>
        <!-- /signup -->
        <hr class="noscreen" />
        <div id="signup-bottom"></div>
        <!-- Tabs -->
        <div class="tabs-sidebar box">
          <ul id="switch">
            <li><a href="#tab-01"><span>Most Recent</span></a></li>
            <li><a href="#tab-02"><span>Most Viewed</span></a></li>
          </ul>
        </div>
        <!-- /tabs-sidebar -->
        <!-- Most Recent -->
        <div id="tab-01">
          <p> <a href="#" class="h-02">Lorem</a>, <a href="#" class="l-02">Ipsum</a>, <a href="#">Dolor</a>, <a href="#" class="h-01">Sit</a>, <a href="#" class="h-02">Amet</a>, <a href="#" class="h-02">Lorem</a>, <a href="#" class="l-02">Ipsum</a>, <a href="#">Dolor</a>, <a href="#" class="h-01">Sit</a>, <a href="#" class="h-02">Amet</a>, <a href="#" class="h-02">Lorem</a>, <a href="#" class="l-02">Ipsum</a>, <a href="#">Dolor</a>, <a href="#" class="h-01">Sit</a>, <a href="#" class="h-02">Amet</a>, <a href="#" class="h-02">Lorem</a>, <a href="#" class="l-02">Ipsum</a>, <a href="#">Dolor</a>, <a href="#" class="h-01">Sit</a>, <a href="#" class="h-02">Amet</a>, <a href="#" class="h-02">Lorem</a>, <a href="#" class="l-02">Ipsum</a>, <a href="#">Dolor</a>, <a href="#" class="h-01">Sit</a>, <a href="#" class="h-02">Amet</a>, <a href="#" class="h-02">Lorem</a> </p>
        </div>
        <!-- Most Viewed -->
        <div id="tab-02">
          <p> <a href="#" class="h-02">Lorem</a>, <a href="#" class="l-02">Ipsum</a>, <a href="#">Dolor</a>, <a href="#" class="h-01">Sit</a>, <a href="#" class="h-02">Amet</a>, <a href="#" class="h-02">Lorem</a>, <a href="#" class="l-02">Ipsum</a>, <a href="#">Dolor</a>, <a href="#" class="h-01">Sit</a>, <a href="#" class="h-02">Amet</a>, <a href="#" class="h-02">Lorem</a>, <a href="#" class="l-02">Ipsum</a>, <a href="#">Dolor</a>, <a href="#" class="h-01">Sit</a>, <a href="#" class="h-02">Amet</a>, <a href="#" class="h-02">Lorem</a>, <a href="#" class="l-02">Ipsum</a>, <a href="#">Dolor</a>, <a href="#" class="h-01">Sit</a>, <a href="#" class="h-02">Amet</a>, <a href="#" class="h-02">Lorem</a>, <a href="#" class="l-02">Ipsum</a>, <a href="#">Dolor</a>, <a href="#" class="h-01">Sit</a>, <a href="#" class="h-02">Amet</a>, <a href="#" class="h-02">Lorem</a> </p>
        </div>
        <script type="text/javascript">
            new Control.Tabs('switch');
            </script>
        <hr class="noscreen" />
      </div>
      <!-- /col-r -->
    </div>
    <!-- /box -->
    <div class="title01-top"></div>
    <div class="title01">
      <div class="title01-in">
        <h3 class="ico-info">Most Recent</h3>
      </div>
    </div>
    <div class="title01-bottom"></div>
    <div class="box">
      <div class="col50">
        <div class="new-link">
          <p><strong><a href="#">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="#" class="ico-card">Details</a></span> (<a href="#" class="folder">Travel</a>)<br />
            <span class="high">http://www.server.com/index.php</span></p>
          <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
          <hr class="noscreen" />
        </div>
        <!-- /new-link -->
        <div class="new-link">
          <p><strong><a href="#">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="#" class="ico-card">Details</a></span> (<a href="#" class="folder">Travel</a>)<br />
            <span class="high">http://www.server.com/index.php</span></p>
          <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
          <hr class="noscreen" />
        </div>
        <!-- /new-link -->
        <div class="new-link">
          <p><strong><a href="#">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="#" class="ico-card">Details</a></span> (<a href="#" class="folder">Travel</a>)<br />
            <span class="high">http://www.server.com/index.php</span></p>
          <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
          <hr class="noscreen" />
        </div>
        <!-- /new-link -->
        <div class="new-link">
          <p><strong><a href="#">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="#" class="ico-card">Details</a></span> (<a href="#" class="folder">Travel</a>)<br />
            <span class="high">http://www.server.com/index.php</span></p>
          <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
          <hr class="noscreen" />
        </div>
        <!-- /new-link -->
        <div class="new-link">
          <p><strong><a href="#">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="#" class="ico-card">Details</a></span> (<a href="#" class="folder">Travel</a>)<br />
            <span class="high">http://www.server.com/index.php</span></p>
          <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
          <hr class="noscreen" />
        </div>
        <!-- /new-link -->
      </div>
      <!-- /col50 -->
      <div class="col50 f-right">
        <div class="new-link">
          <p><strong><a href="#">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="#" class="ico-card">Details</a></span> (<a href="#" class="folder">Travel</a>)<br />
            <span class="high">http://www.server.com/index.php</span></p>
          <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
          <hr class="noscreen" />
        </div>
        <!-- /new-link -->
        <div class="new-link">
          <p><strong><a href="#">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="#" class="ico-card">Details</a></span> (<a href="#" class="folder">Travel</a>)<br />
            <span class="high">http://www.server.com/index.php</span></p>
          <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
          <hr class="noscreen" />
        </div>
        <!-- /new-link -->
        <div class="new-link">
          <p><strong><a href="#">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="#" class="ico-card">Details</a></span> (<a href="#" class="folder">Travel</a>)<br />
            <span class="high">http://www.server.com/index.php</span></p>
          <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
          <hr class="noscreen" />
        </div>
        <!-- /new-link -->
        <div class="new-link">
          <p><strong><a href="#">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="#" class="ico-card">Details</a></span> (<a href="#" class="folder">Travel</a>)<br />
            <span class="high">http://www.server.com/index.php</span></p>
          <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
          <hr class="noscreen" />
        </div>
        <!-- /new-link -->
        <div class="new-link">
          <p><strong><a href="#">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="#" class="ico-card">Details</a></span> (<a href="#" class="folder">Travel</a>)<br />
            <span class="high">http://www.server.com/index.php</span></p>
          <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
          <hr class="noscreen" />
        </div>
        <!-- /new-link -->
      </div>
      <!-- /col50 -->
    </div>
    <!-- /box -->
    <p class="t-center"><a href="#">Show more &raquo;</a></p>
  </div>
  <!-- /page -->
  <!-- Footer -->
  <div id="footer">
    <hr class="noscreen" />
    <p class="f-right noprint"><a href="category.html">Categorys</a>, <a href="detail.html">Details</a>, <a href="results.html">Results</a>, <a href="submit.html">Submit</a></p>
    <p>&copy;&nbsp;2009 <a href="#">Your Company</a><br />
      <!-- Do you want to remove this backlinks? Look at www.nuviotemplates.com/payment.php -->
      <span id="copy"><a href="http://www.nuviotemplates.com/">Free web templates</a> by <a href="http://www.qartin.cz/">Qartin</a><br />
      <span class="smaller">Visit <a href="http://www.88web.org/" title="免费模板下载">免费模板下载</a></span></span></p>
    <!-- Do you want to remove this backlinks? Look at www.nuviotemplates.com/payment.php -->
  </div>
  <!-- /footer -->
</div>
<!-- /main -->
</body>
</html>
